<script setup lang="ts">
//
const change = (aa: any) => {
  console.log(aa)
}
</script>

<template>
  <view class="index">
    <uni-card
      title="基础卡片"
      sub-title="副标题"
      extra="额外信息"
      thumbnail="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"
    >
      <text>这是一个带头像和双标题的基础卡片，此示例展示了一个完整的卡片。</text>
      <!-- 一般用法 -->
      <uni-countdown :day="1" :hour="1" :minute="12" :second="40"></uni-countdown>

      <!-- 不显示天数 -->
      <uni-countdown :show-day="false" :hour="12" :minute="12" :second="12"></uni-countdown>

      <!-- 修改颜色 -->
      <uni-countdown
        color="#FFFFFF"
        background-color="#00B26A"
        border-color="#00B26A"
        :day="1"
        :hour="2"
        :minute="30"
        :second="0"
      ></uni-countdown>
    </uni-card>

    <!-- 日历 -->
    <view>
      <uni-calendar
        :insert="true"
        :lunar="true"
        :start-date="'2019-3-2'"
        :end-date="'2019-5-20'"
        @change="change"
      />
    </view>
  </view>
</template>

<style lang="scss">
//
</style>
